<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.easyui.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" type="text/css" href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/default/easyui.css"/>" />
<link rel="stylesheet" type="text/css" href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/icon.css"/>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script type="text/javascript">
		$(function(){
			$(".return_a").linkbutton({
				onClick:function(){
					$(".returnPayroll").panel({
						href:"Lzs_recruitplan"
					})
				}
			})
			$('.mo').linkbutton({	
				onClick : function() {
					$("#win1").dialog("open");
				}
			});
		});
		
 	$(function() {
			$('.return_a').linkbutton({
				onClick : function() {
					$(".returnPayroll").panel({
						href : "Lzs_recruitplan	"
					});
				}
			}); 
			$('#tianjia').linkbutton({
				onClick : function() {
					$('#f').form({
						url:'lzs_pecruitplantianjia',
						onSubmit: function(params){
							parent.$.messager.progress({
							    title : '提示',
							    text : '数据处理中，请稍后....'
							});
						    params["recplanDescribe"] = $("#notes").textbox("getText");
						    params["reappPlan"] = $("#number").textbox("getText");   
					
						    params["recplanPstartdate"] = $("#repn").datetimebox("getText");   
						    params["recplanPenddate"] = $("#penddate").datetimebox("getText");   
						    params["recplanActualdate"] = $("#Actualdate").datetimebox("getText");   
						    params["recplanAcenddate"] = $("#Acenddate").datetimebox("getText");  
						    params["recplanMode"] = $("#Mode").textbox("getText");    
						    params["recplanPlace"] = $("#Place").textbox("getText");   
						    params["recplanPerson"] = $("#Person").textbox("getText");  
						     
						alert("a")
						},
						success:function(){
							$.messager.progress('close');// 如果提交成功则隐藏进度条
							$(".returnPayroll").panel({
								href : "Lzs_recruitplan"
							});
						}}).submit();
					}
				});
			}); 
	</script>
	
	<div class="easyui-panel returnPayroll" data-options="fit:true,border:false">
	<form id='f' method='post'>
		<a href="#" class="easyui-linkbutton" id="tianjia" data-options="iconCls:'icon-save',plain:true,text:'添加',iconAlign:'left'"></a>|
		<a href="#" class="easyui-linkbutton return_a" data-options="iconCls:'icon-reload',plain:true,text:'返回',iconAlign:'left'"></a>
		<div style="font-size:14px;margin-top: 10px,">概要</div>
		<div style="border-top:2px solid #2B91D5;width: 775px"></div>
		<div style="display:inline-block;">
			<table cellspacing="10">
				<tbody>
					<tr>
						<td><input class="easyui-textbox" id="recplanId" data-options="label:'编号',width:350,labelWidth:100" /></td>
					</tr>
					<tr>
						<td><input class="easyui-textbox " id="notes"name="dept" data-options="label:'*计划描述',width:350,labelWidth:100" /></td>
					</tr>
					<tr>
						 <td>
							<input class="easyui-textbox" id="number" name="dept"  data-options="label:'*计划招聘人数',width:350,labelWidth:100" />
						</td>
					<tr>
						<td><input class="easyui-datetimebox"  id="repn" data-options="label:'计划开始时间',width:350,labelWidth:100" /></td>
				    </tr>	
				    <tr>
						<td><input class="easyui-datetimebox"  id="penddate" data-options="label:'计划结束时间',width:350,labelWidth:100" /></td>
					</tr>	
				</tbody>
			</table>
		</div>
		<div style="display:inline-block;">
			<table cellspacing="5">
				<tbody>
				
					
					<tr>
						<td><input class="easyui-datetimebox"  id="Actualdate" data-options="label:'实际开始时间',width:350,labelWidth:100" /></td>
					</tr>
					<tr>
						<td><input class="easyui-datetimebox"  id="Acenddate" data-options="label:'实际结束时间',width:350,labelWidth:100" /></td>
					</tr>
						<tr>
						<td><input class="easyui-textbox" id="Mode" data-options="label:'招聘方式',width:350,labelWidth:100" /></td>
					</tr>
						<tr>
						<td><input class="easyui-textbox" id="Place" data-options="label:'招聘地点',width:350,labelWidth:100" /></td>
					</tr>
					<tr>
						<td><input class="easyui-textbox" id="Person" data-options="label:'创建人',width:350,labelWidth:100" /></td>
					</tr>
				</tbody>
			</table>
		</div>		
		<div style="font-size:14px;">备注</div>
		<div style="border-top:2px solid #2B91D5;width:800px;height:130px;display:inline-block;margin-right:15px;padding-top:10px;">
			<input class="easyui-textbox" data-options="width:800,height:100,multiline:true"/>
		</div>
		<div style="border-top:2px solid #2B91D5;"></div>
		<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',text:'添加',iconAlign:'left'"></a>
	<!-- 弹框选择模块 -->
	<div id="win1" class="easyui-dialog"
		data-options="
			width:500,
			height:450,
			title:'清单查找',
			modal:true,
			closed:true,
			buttons:[{
				text:'确定',
				handler:function(){
					
				}
			},{
				text:'取消',
				handler:function(){
					$('#win1').dialog('close');
				}
			}]">

		<div id="tas" style="background:#CEDEFA;padding-left: 20px;">
			<input class="easyui-textbox" data-options="label:'模板编号：',width:220,labelWidth:130" />
			<button class="easyui-linkbutton" data-options="text:'模糊搜索' "></button><br>
			<input class="easyui-textbox"  data-options="label:'模板名称：',width:220,labelWidth:130" />
			<button class="easyui-linkbutton" data-options="text:'搜索',"></button>
		</div>
		<table id="tablesassd" class="easyui-datagrid"
				data-options="
					pagination:true,
					pageSize:1,
					pageList:[1,2,3,4,5],
					url:'',
					method:'get',
					fitColumns:true,
					fit:true,
					nowrap:false,
					autoRowHeight:true,
					rownumbers:true,
					singleSelect:true,
					striped:true,
					toolbar:tas">
			<thead>
				<tr>
					<th data-options="field:'a',width:50">模板编号</th>
					<th data-options="field:'b',width:50">模板名称</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td name="name">001</td>
					<td>名称1</td>
				</tr>
				<tr>
					<td>001</td>
					<td>名称1</td>
				</tr>
			</tbody>
		</table>
	</div>
	</form>
	</div>
</body>
</html>